$(function() {

    getUserInfo();

    function getUserInfo() {
        $.ajax({
            method: 'GET',
            url: 'http://api-breakingnews-web.itheima.net/my/userinfo',
            // header就是请求配置对象
            headers: {
                Authorization: localStorage.getItem('token') || ''
            },
            success: function(res) {
                if (res.status !== 0) {
                    return layui.layer.msg('获取用户信息失败！')
                }
                console.log(res);
                renderAvatar(res.data);
            },
            // 无论成功还是失败 ，最终要调用com
            complete: function(res) {
                if (res.responseJSON.status == 1 && res.responseJSON.message === '身份认证失败！') {
                    // 1.强制清空本地存储数据
                    localStorage.removeItem('token')
                        // 2.强制跳转到登录页面
                    location.href = './login.html'
                }
            }
        })
    }

    function renderAvatar(user) {
        // 获取用户名的名称
        var name = user.nickname || user.username;
        // 拿到name的值 渲染
        $('#welcome').html('欢迎' + name);
        //渲染图
        if (user.user_pic !== null) {
            $('.layui-nav-img').attr('src', user.user_pic).show();
            $('.text-avatar').hide()
        } else {
            $('.layui-nav-img').hide();
            $('.text-avatar').show();
        }

    }

    // 点击退出按钮事件
    $('#btnLogout').on('click', function() {
        layer.confirm('确定要退出登录？', { icon: 3, title: '提示' }, function(index) {
            //do something
            // 点击确定 退出主页回到登录页面 和清除本地存储数据
            localStorage.removeItem('token')
            location.href = './login.html'
            layer.close(index);
        });
    })
})